<template>
  <div>
    <div class="cont">
      <div class="title">{{ activeData.title }}</div>
      <div class="data">{{ activeData.release_at }}</div>
      <div v-html="activeData.content" />
    </div>
  </div>
</template>
<script>
// import { active } from '@/api/gain.js'
export default {
  data() {
    return {
      activeData: null
    }
  },
  created() {
    const { activeData = false, userInfo = false } = this.$route.params
    if (!activeData && !userInfo) {
      this.$router.back()
    }
    this.activeData = activeData || userInfo
  }
}
</script>
<style>
img {
  max-width: 100% !important;
}
</style>
<style scoped>

.exit{
    background: #D94141;
    height: 30px;
    line-height: 30px;
    color: #fff;
    display: flex;
    display:flex;
    justify-content:left;
    align-items:center;
    padding:0 3%;
}
.cont{
    width: 95%;
    margin: 0 auto;
    text-align: center;
}
.title{
    font-size:1.375rem;
    font-weight: bold;
    width: 90%;
    margin: 3% auto;
}
.data{
    color: #ADADAD;
    font-size: 0.75rem;
    margin-top: 2%;
}
p{
    text-indent: 40px;
    text-align: left;
    letter-spacing: 5px;
}
</style>
